<template>
    <div class="swiper">
        <van-swipe :autoplay="1300" lazy-render>
            <van-swipe-item v-for="image in props.images" :key="image">
                <img :src="image.image_src" v-if="image.image_src" />
                <img :src="image.pics_sma_url" v-else />
            </van-swipe-item>
        </van-swipe>
    </div>
</template>

<script setup>

const props = defineProps(['images'])

</script>

<style lang="scss" scoped>
.swiper,.van-swipe,.van-swipe-item{
    width: 100%;
    height: 20rem;
    margin-top: 0.5rem;
    img{
        width: 100%;
        height: 100%;
    }
}
</style>